








<!doctype html>
<html lang="">

<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" 
src="//cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.js">
</script>
<link href=  "/plugins/code-theme/tomorrow.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="/plugins/github-markdown.css">

<head>
  <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1">
  
    
    
      <link rel="stylesheet" href="/css/legend.css">
    
  
</head>

<body id="body-home-bg">
<div id="layout-content">
  <div id="menu-outer-home">
  <div id="menu-inner">
    
    
    <div id="site-title">
      琪了
    </div>
    

     
    <div>
    
      
      <a href="/">首页</a>
      
    
      
      <a href="/archives">归档</a>
      
    
    </div>
  </div>
</div> 
  <div id="content-outer">
    <div id="content-inner">
      
      
  

<video id="bgvideo" autoplay playsinline loop poster=/images/background.png>
  <source src=http://cdn.calm.com/scenes/scene-Qqkzy9k7Eo.mp4?v=1418162238190 type="video/mp4">
</video>




  <div id="play-button" >
  <img id="play-img" src="/images/playback_play.png"></img>
</div>
<audio id="bgaudio" loop="loop" preload="none"> 
  <source src=http://cdn.calm.com/scenes/scene-Qqkzy9k7Eo.m4a?v=1418162240715 type="audio/mpeg">
</audio>

<script>
$(document).ready(function(){
  //播放按钮点击
  var audio = $("#bgaudio")[0];
  var img = $("#play-img")[0];
  $("#play-button").click(function(){ 
    if (audio.paused || audio.ended) {
      audio.play();
      img.src = "/images/playback_pause.png";
    } else {
      audio.pause();
      img.src = "/images/playback_play.png";
    }
  });
});
</script>




<div id="me-button">
		<img id="play-img" src="/images/me_n.png">
		</img>
</div>

<div id="social-div">


    
    
    <a class="social-a" href="http://weibo.com/3169700852/" target="_blank">
        <img src="/images/weibo.png">
    </a>
    

    
    
    <a class="social-a" href="https://github.com/liseron" target="_blank">
        <img src="/images/github.png">
    </a>
    

    
    
    <a class="social-a" href="https://twitter.com/ihongren" target="_blank">
        <img src="/images/twitter.png">
    </a>
    


</div>


<div id="about-me">
  <div id="about-me-inner">
    <article class="markdown-body"></article>
  </div>
</div>


<!--[if lt IE 9]>
<script>
	document.createElement('video');
</script>
<![endif]-->


<script>

$(document).ready(function(){
  //判断是否该显示’关于我‘
  if( "home_about"  == 'home_about') {
    $("#about-me").hide(0);

    //加载about(关于)读取文件
    var s = $('article').html();
    if (s.length < 2) {
      var url = window.location.protocol+"//"+window.location.host+"/about/";
      $.ajax({ 
          type: "GET", 
          url: url, 
          dataType: "html", 
          success: function (data) { 
            $('article').html($(data).find('article').html());//解析about的html
            $("#about-me").css({"visibility": "visible"}).delay(100);
            $("#about-me").slideToggle('slow');
          }
      }); 
      }

    //个人按钮点击，隐藏和显示关于界面
    $("#me-button").click(function(){ 
      $("#social-div").slideToggle();
      $("#about-me").slideToggle();
    });
  }
});
</script>



    </div>
  </div>
</div>



<div id="bottom-outer">
  
  <div id="bottom-inner">
    段钰琪 
    ©2017 |Powered by  
    <a href="http://hexo.io" target="_blank">Hexo</a> with theme 
    <a href="https://github.com/li/liseronmu" target="_blank">legend-master</a>
  </div>
    
    
    
      <a href="/atom.xml">
      
      <img src=/images/rss.png height="18" width="18">
      
</div> 


  
  
    <script src="/js/legend.js"></script>
  


</body>
</html>


<script>
$(window).on('load', function(){
   $('pre').addClass('prettyprint').attr('style', 'overflow:auto;');
   prettyPrint();
 });
</script>

